/*顶部*/
.header{
    height: 58px;
    padding: 0 20px 0 26px;
}
.header>h1{
    float: left;
    line-height: 56px;
    color: #fff;
    font-size: 20px;
}
.header>div.header-right{
    float: right;
}
.header-right a{
    float: right;
    color: #b1b5c2;
    line-height:  56px;
    margin-left: 20px;
}
.header-right a:hover{
    color: #fff;
    text-decoration: none;
}
.header-menu{
    float: right;
}
.header-menu>li{
    float: left;
}
.header-menu>li.active>a{
    color: #fff;
}

/*核心区*/
.left-box{
    width: 186px;
    padding: 0 12px;
    background: #fff;
    box-shadow: 0 5px 17px rgba(0,0,0,.05);
}
.right-box{
    padding: 0 10px;
}

/*左侧导航样式*/
.accordion{
    margin: 0;
}
.accordion-group{
    margin-top: 30px;
    border: 0;
    border-radius: 0;
}
.accordion-heading{
    background: #fff;
}
.accordion-heading .accordion-toggle{
    color: #6e8a9a;
    line-height: 1;
    padding: 0 0 0 14px;
    cursor: default;
    margin-bottom: 12px;
}
.accordion-heading .accordion-toggle>i{
    display: none;
}
.accordion-inner{
    padding: 0;
    border: none;
}
.accordion-inner .nav-list{
    margin: 0;
    padding: 0;
}
.accordion-inner .nav-list li{
    margin-bottom: 4px;
}
.accordion-inner .nav-list li a{
    display: block;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    margin: 0;
    padding: 0 0 0 48px;
    font-size: 15px;
    color: #565a61;
    line-height: 40px;
    position: relative;
    text-shadow: none;
}
.nav-list>li:hover>a,
.nav-list>li.active>a{
    background: #424f74 !important;
    color: #fff;
}
.accordion-inner .nav-list li .nav-icon{
    position: absolute;
    width: 23px;
    height: 23px;
    left: 16px;
    top: 8px;
    background-repeat: no-repeat;
    background-position: center;
}
/*实时消息icon*/
.nav-icon-bell-alt{
    background-image: url("../img/nav_bell_blue.png");
}
li:hover .nav-icon-bell-alt,
li.active .nav-icon-bell-alt{
    background-image: url("../img/nav_bell_white.png");
}
/*车辆调度icon*/
.nav-icon-exchange{
    background-image: url("../img/nav_exchange_blue.png");
}
li:hover .nav-icon-exchange,
li.active .nav-icon-exchange{
    background-image: url("../img/nav_exchange_white.png");
}
/*发布通知icon*/
.nav-icon-comments{
    background-image: url("../img/nav_comments_blue.png");
}
li:hover .nav-icon-comments,
li.active .nav-icon-comments{
    background-image: url("../img/nav_comments_white.png");
}
/*预约统计icon*/
.nav-icon-signal{
    background-image: url("../img/nav_signal_blue.png");
}
li:hover .nav-icon-signal,
li.active .nav-icon-signal{
    background-image: url("../img/nav_signal_white.png");
}
/*乘车点管理icon*/
.nav-icon-home{
    background-image: url("../img/nav_home_blue.png");
}
li:hover .nav-icon-home,
li.active .nav-icon-home{
    background-image: url("../img/nav_home_white.png");
}
/*停车场管理icon*/
.nav-icon-circle{
    background-image: url("../img/nav_circle_blue.png");
}
li:hover .nav-icon-circle,
li.active .nav-icon-circle{
    background-image: url("../img/nav_circle_white.png");
}
/*车辆管理icon*/
.nav-icon-truck{
    background-image: url("../img/nav_truck_blue.png");
}
li:hover .nav-icon-truck,
li.active .nav-icon-truck{
    background-image: url("../img/nav_truck_white.png");
}
/*司机管理icon*/
.nav-icon-plane{
    background-image: url("../img/nav_plane_blue.png");
}
li:hover .nav-icon-plane,
li.active .nav-icon-plane{
    background-image: url("../img/nav_plane_white.png");
}
/*工作人员管理icon*/
.nav-icon-leaf{
    background-image: url("../img/nav_leaf_blue.png");
}
li:hover .nav-icon-leaf,
li.active .nav-icon-leaf{
    background-image: url("../img/nav_leaf_white.png");
}
/*工作人员管理icon*/
.nav-icon-leaf{
    background-image: url("../img/nav_leaf_blue.png");
}
li:hover .nav-icon-leaf,
li.active .nav-icon-leaf{
    background-image: url("../img/nav_leaf_white.png");
}